<!DOCTYPE HTML>
<html lang="en-US">
  <head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>Add BankCard</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.css" />
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" type="text/css" href="./css/font.css"/>
  <style type="text/css">
  	.cent{
		margin: 25px;
	}
	.but-pay{
		width: 80%;
		height: 40px;
		background-color: #2B57DA;
		color: #FFFFFF;
		bottom: 30px;
		border-radius: 8px;
		text-align: center;
		line-height: 40px;
		size: 50px;
		margin:auto;
		font-weight: 600;
		margin-top: 30px;
	}
  </style>
  
  </head>
  <body>
    <div class="bui-page bui-box-vertical">
        <header>
            <!-- 固定顶部区 -->
           <div class="bui-bar" style="background-color: #FFFFFF;">
           	<div class="bui-bar-left">
           		<a class="bui-btn" onclick="bui.back();"><i class="icon-back" style="color: black;"></i></a>
           	</div>
           	<div class="bui-bar-main" style="color: black; font-weight: 700;">
           		BankCard List
           	</div>
           	<div class="bui-bar-right">
           	</div>
           </div>
        </header>
        <main>
          <!-- 固定中间滚动内容区 -->
		  <div class="cent">
			  <div class="bui-input user-input" style="border-bottom: 1px solid #eee;height: 50px;">
			      <input id="phonenumber" type="number" class="bui-input" value="" placeholder="Please enter your account name">
			  </div>
			  <div class="bui-input user-input" style="border-bottom: 1px solid #eee;height: 50px;margin-top: 10px;">
			      <input id="phonenumber" type="number" class="bui-input" value="" placeholder="Please enter the account opening bank">
			  </div>
			  <div class="bui-input user-input" style="border-bottom: 1px solid #eee;height: 50px;margin-top: 10px;">
			      <input id="phonenumber" type="number" class="bui-input" value="" placeholder="Please enter the card number">
			  </div>
			  <div class="bui-input user-input" style="border-bottom: 1px solid #eee;height: 50px;margin-top: 10px;">
			      <input id="phonenumber" type="number" class="bui-input" value="" placeholder="Please enter Indian IFSC code">
			  </div>
			  <div class="bui-input user-input" style="border-bottom: 1px solid #eee;height: 50px;margin-top: 10px;">
			       <h4>Default</h4> <input type="checkbox"  class="bui-switch" name="wifi" value="" checked>
			  </div>
			  
		  </div>
			<div class=" but-pay"> modify</div>
		  
		  
        </main>
        <footer>
          <!-- 固定底部   -->
        </footer>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/buijs/lib/zepto.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/buijs/lib/latest/bui.js"></script>
    <script>
        bui.ready(function() {
          // 所有控件及方法需要在这里执行
        })
    </script>
  </body>
</html>
